image {
    width: 100%;
    height: 100%;
}

.color_aa{
	color: #AAAAAA !important;
}

.border_aa{
	border: 1rpx solid #AAAAAA !important;
}

.btn_c{
	background-color: #EEEEEE !important;
	color: #AAAAAA !important;
}

.order_item_mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #6dbffa;
	z-index: 99;
}

.orderlist {
    padding: 25rpx 30rpx 110rpx;

    .item {
		position: relative;
        font-size: 26rpx;
        border-radius: 10rpx 10rpx 10rpx 10rpx;
        background: $bg_fff;
        color: $color_AA;
        margin-bottom: 20rpx;

        .StatusBar {
            padding: 25rpx 16rpx 16rpx 0;

            .pre {
                top: 1px;
                z-index: 1;
                width: 65rpx;
                height: 65rpx;
            }

            .Bar {
                .num {
                    margin-right: 5rpx;
                    font-weight: bold;
                    font-size: $fontS_30;
                    color: $color_000;
                }

                .Time {
                    .color {
                        color: $color_def;
                    }

                    .Song {
                        width: auto;
                    }

                    .mar_l_r {
                        margin: 0 7rpx;
                    }
                }

                .Runerrands {
                    font-size: $fontS_30;
                    color: #000;

                    view {
                        margin-right: 10rpx;
                    }
                }
            }

            .price {
                text:first-child {
                    font-weight: 400;
                    font-size: 25rpx;
                }

                text:last-child {
                    font-weight: 600;
                    font-size: $fontS_34;
                }
            }
        }

        .AddR_Cont {
            border-top: 1rpx solid rgba(170, 170, 170, 0.4);
            margin-top: 10rpx;
            padding: 10rpx 17rpx;

            .remarks {
                padding-left: 15rpx;
                margin: 10rpx 0 26rpx;
                font-size: $fontS_26;
                width: 532rpx;
            }

            .OrderType {
                padding-left: 15rpx;

                view {
                    padding: 0 10rpx;
					height: 40rpx;
					display: flex;
					align-items: center;
                    text-align: center;
                    font-size: $fontS_20;
                    margin-right: 15rpx;
                    border-radius: 5rpx 5rpx 5rpx 5rpx;
                }

                .oc22b0 {
                    color: #0c22b0;
                    border: 1px solid #0c22b0;
                }

                .D43509 {
                    color: #d43509;
                    border: 1px solid #d43509;
                }

                .E6F5FA {
                    color: #6dbffa;
                    border: 1px solid #6dbffa;
                }
            }

            .Botton {
                color: $color_fff;
                text-align: center;
                margin: 30rpx 0 20rpx;

                @mixin min {
                    width: 424rpx;
                    height: 70rpx;
                    line-height: 70rpx;
                    background: $color_def;
                    font-size: $fontS_36;
                    border-radius: 35rpx 35rpx 35rpx 35rpx;
                }

                .GrabanOrder {
                    @include min;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: $color_def;
                    margin: 0 auto;


                    text {
                        margin-right: 4rpx;
                    }
                }

                .GoodsCollected {
                    .btn {
                        @include min;
                    }

                    .phone {
                        text-align: center;
                        font-size: $fontS_20;
                        color: #000;
                    }

                    .distribution {
                        view {
                            font-size: $fontS_30;
                            text-align: center;
                            width: 424rpx;
                            line-height: 70rpx;
                            height: 70rpx;
                        }

                        .Phone {
                            color: $color_def;
                            border-radius: 35rpx 0rpx 0rpx 35rpx;
                            background: #eaebfa;
                        }

                        .Pickup {
                            color: $color_fff;
                            border-radius: 35rpx;
                            background: $color_def;
                        }
                    }
                }
            }
        }
    }

    .world_quilaty {
        border: 1rpx solid $color_def;
        color: $color_def;
        width: 25%;
        text-align: center;
        height: 34rpx;
        font-size: $fontS_20;
        font-family: PingFang SC-Medium, PingFang SC;
        font-weight: 400;
		display: flex;
		align-items: center;
		justify-content: center;

    }
}

.times_flex {

    height: 30rpx;
    width: auto;

    line-height: 40rpx;
}

.btn_icon_box{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn_icon{
	width: 29rpx;
	height: 26rpx;
}
.btn_icon_center_solid{
	width: 2rpx;
	height: 40rpx;
	background-color: #D8D8D8;
	margin: 0 38rpx;
}
